import { useEffect, useState } from "react";

function HookComponent() {
  const [count, setCount] = useState(0);
  // 使用useEffect来在状态更新后执行代码
  useEffect(() => {
    console.log(`count更新为: ${count}`);
    // 这里可以执行需要在状态更新后进行的操作
  }, [count]); // 依赖数组中包含count，表示当count变化时执行此effect
  const addCount = () => {
    setCount(count + 1);
    console.log(count);
  };
  return (
    <div>
      <p>{count}</p>
      <button onClick={() => addCount()}>点击我</button>
    </div>
  );
}

export default HookComponent;
